<div data-page="geolocation" class="page">
    <!-- Top Navbar-->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="left">
                <a href="#" class="link icon-only open-panel"><i class="icon icon-bars"></i></a>
            </div>
            <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
            <div class="center">Geolocation</div>
        </div>
    </div>
    <!-- Scrollable page content -->
    <div class="page-content">
        <div class="content-block">
            <blockquote>This plugin provides information about the device's location, such as latitude and longitude.
            </blockquote>
        </div>
        <div class="content-block">
            <div class="content-block-inner">
                <h4 class="help"><b>Toggle</b> to stop/start geolocation watch.<br><b>Get Current</b> for one-time geolocation reading.</h4>
                <p class="buttons-row">
                    <a href="#" class="button button-fill button-raised btn-toggle">Toggle</a>
                    <a href="#" class="button button-fill button-raised btn-current">Get Current</a>
                </p>
                <div class="row no-gutter">
                </div>
                <img class="map google">
                <img class="map baidu">
            </div>
        </div>
    </div>
</div>